<template>
	<view class="addInspectTabsContent">
		<view class="upper">
			<commonNavBar title="结果记录表" >
				<template v-slot:right >
					<image src="/static/img/save.png"  @tap="saveImage" style="width: 45rpx;height: 45rpx;"></image>
				</template>
			</commonNavBar>  
			<scroll-view id="content" :scroll-y="true" :style="{height: contentHeight  + 'px'}">
				<view id="scrrent-page" class="list" :style="{width:tableWidth+'rpx'}">
				<view class="title-view" :style="{width:tableWidth+'rpx'}"> <text class="title-text">食品经营监督检查结果记录表</text> </view>
				<view class="title-view" :style="{width:tableWidth+'rpx','text-align':'right','padding-right':'5px'}"> <text class="title-text">编号：{{checkData.resultCode}}</text> </view>
				 <table class="content-table" celspacing="0" :style="{width:tableWidth+'rpx'}">
					 <tr>
						 <td class="content-td" width="90rpx">被检查单位名称</td>
						 <td class="content-td" width="300rpx">{{checkData.COMPANY_NAME}}</td>
						 <td class="content-td" width="90rpx">经营地址</td>
						 <td class="content-td" width="300rpx">{{checkData.ADDRESS}}</td>
					 </tr>
					 <tr>
						 <td class="content-td" width="90rpx">联系人</td>
						 <td class="content-td" width="300rpx">{{checkData.CONTACT}}</td>
						 <td class="content-td" width="90rpx">联系方式</td>
						 <td class="content-td" width="300rpx">{{checkData.CONTACT_PHONE}}</td>
					 </tr>
					 <tr>
						 <td class="content-td" width="90rpx">业态</td>  
						 <td class="content-td" colspan="3" height="100px">{{checkData.BUSINESS_TYPE}}</td>
					 </tr>
					<tr>
						 <td class="content-td" width="90rpx">许可证（备案）编号或社会信用代码</td>
						 <td class="content-td" width="300rpx">{{checkData.LICENSE}}</td>
						 <td class="content-td" width="90rpx">检查次数</td>
						 <td class="content-td" width="300rpx" v-if="checkData.IS_UNPLANNED == '0'" >本年度第（{{checkData.CHECK_NUM}}）次检查</td>
						 <td class="content-td" width="300rpx" v-else >本年度{{ checkData.TYPE | checkTypeFilter}}检查</td>
					</tr>
					<tr>
						 <td class="content-td" colspan="4"  >
							 <view>检查内容：</view>
							 <text class="check-content">
								 <!-- {{checkData.CHECK_TIME |  dateFilter}} -->
								 　{{checkData.DEPT_NAME}} 检查人员 {{checkData.CHECK_PERSON1_NAME}} {{checkData.CHECK_PERSON2_NAME == null ? '':','+checkData.CHECK_PERSON2_NAME }} 根据《中华人民共和国食品安全法》及其实施条例、《反食品浪费法》、《未成年人保护法》、《食品生产经营监督检查管理办法》、《食用农产品市场销售质量安全监督管理办法》等规定，于{{ formattedDate }}至{{ formattedDate }}对你单位进行了√日常监督检查 □飞行检查 □体系检查。本次监督检查按照 《   {{checkData.TEMPLATE_NAME}} 》 开展，共检查了（　{{checkData.contentNum}}　　）项内容。
                   检查结果：
                    本次检查发现不符合项（{{checkData.commonlyProblemNum + checkData.importProblemNum }}  ）项，其中：
<!--									 重点项（　　　{{checkData.importNum}}　　）项，项目序号分别是（　　　　{{checkData.importNo}}　　　）， -->
                    重点项（　　　{{checkData.importProblemNum}}　　）项，需重点跟踪整改，项目序号及具体内容如下：
                    （　　　　　{{checkData.importProblemNo}}　　　）
<!--									 一般项（　　　{{checkData.commonlyNum}}　　）项，项目序号分别是（　　{{checkData.commonlyNo}}　　），-->
                    一般项（　　　{{checkData.commonlyProblemNum}}　　）项，项目序号分别是（　　　　{{checkData.commonlyProblemNo}}　　　　）。
							 </text>
						 </td>
					</tr>
					<tr>
						 <td class="content-td" colspan="4" > 
							 <text class="check-content">
<!--								检查结果：{{checkData.CHECK_RESULTS }}-->
								
								<!-- 处理结果： {{checkData.PROCESS_RESULTS | processResultFilter}} {{(checkData.PROCESS_RESULTS ==  '2' && checkData.RECTIFICATION_TIME_LIMIT != null) ? '（' + checkData.RECTIFICATION_TIME_LIMIT + '前整改到位）':''}} -->
								处理结果： {{checkData.PROCESS_RESULTS | processResultFilter}} {{((checkData.PROCESS_RESULTS ==  '2' || checkData.PROCESS_RESULTS ==  '3') && checkData.RECTIFICATION_TIME_LIMIT != null) ? '（' + checkData.RECTIFICATION_TIME_LIMIT + '前整改到位）':''}}
								
								说明： {{checkData.OTHER_PROBLEM == 'undefined' ? ' ': checkData.OTHER_PROBLEM}}
							 </text> 
						 </td>
					</tr>
					<tr>
						 <td class="content-td" colspan="2"  >
							<view>检查（执法）证件编号：{{checkData.enforcementNo1}}</view>
							<view>检查人员（签名）：<image class="signature-image" :src="sigPic == null ? '/static/img/sing.png' : sigPic" @tap="sign(1)"> </image></view>
							<view>检查（执法）证件编号：{{checkData.enforcementNo2}}</view>
							<view>检查人员（签名）：<image class="signature-image" :src="sigPic2 == null ? '/static/img/sing.png' : sigPic2" @tap="sign(2)"> </image></view>
							<view style="text-align: right;"><text> {{formattedDate}}</text> </view>
						 </td>
						 <td class="content-td" colspan="2"    style="flex-direction: column;justify-content: space-between;">
							<view>法定代表人或负责人（签名）：<image class="signature-image" :src="sigPic3 == null ? '/static/img/sing.png' : sigPic3" @tap="sign(3)"> </image>
							</view>
							<view style="text-align: right;margin-top: 10px;"><text> {{formattedDate}}</text></view>
						 </td>
					</tr>
					<tr>
						 <td class="content-td" >备注</td>
						 <td class="content-td" colspan="3"  >
               1.此次检查未发现违法违规行为和风险隐患问题的，处理结果为通过检查；
               2.此次检查发现不符合监督检查要点表一般项目，存在轻微风险隐患，不涉及违法行为，责令当场改正，且已整改到位的，处理结果为责令整改；
               3.此次检查发现不符合监督检查要点表相关项目，存在轻微违法违规行为的，处理结果为责令整改，并实施简易程序行政处罚，做出责令限期整改决定；
               4.此次检查发现不符合监督检查要点表相关项目，涉嫌违法违规，建议立案查处的，处理结果为调查处理；
               5.已提醒食品经营者落实《安全生产法》主体责任义务。
             </td>
					</tr>
				 </table>
			</view>
			</scroll-view>
		</view> 
		<screenshot ref="screenshot" :screenId="'scrrent-page'" @renderFinish="getScreenImg"></screenshot>
	</view>
</template>

<script>
	const currentDate = new Date();
	const year = currentDate.getFullYear();
	const month = String(currentDate.getMonth() + 1).padStart(2, '0');
	const day = String(currentDate.getDate()).padStart(2, '0');
	const formattedDate = `${year}年${month}月${day}日`;
	import longscreen from '@/components/screenShot.vue' 
	import commonNavBar from '@/components/CommonNavBar.vue';
	
	export default {
		components:{
			commonNavBar,
			'screenshot': longscreen 
		},
		data() {
			return {
				checkData: {
					standardList: []
				},
				sigPic:null,
				sigPic2:null,
				sigPic3:null,
				checkId:null,
        tableWidth:750,
				contentHeight:0,
				formattedDate:formattedDate,
			}
		},
		filters: {
			selectionFilter(value) {

				if (value == '1') {
					return '是'
				} else if (value == '2') {
					return '否'
				} else if (value == '3') {
					return '合理缺项'
				} else {
					return '';
				}

			},
			checkTypeFilter(value) {
				if (value == '1') {
					return '日常检查'
				} else if (value == '2') {
					return '双随机检查'
				} else if (value == '3') {
					return '飞行检查'
				} else if (value == '4') {
					return '体系检查'
				} else {
					return '';
				}
			},
			dateFilter(value){
				if (value == undefined || value == 'undefined') {
					return ''
				} else {
					const  valueArr =  value.split("-");
					return valueArr[0]+'年'+valueArr[1]+'月'+valueArr[2]+'日'
				}
			}, 
			processResultFilter(value){
				if (value == undefined || value == 'undefined') {
					return ''
				} else {
					 //1通过检查，2责令整改，3调查处理
					 if(value == '1'){
						 return '通过检查'; 
					 } else if(value == '2'){
						 return '责令整改';
					 }  else if(value == '3'){
						 return '调查处理'; 
					 } 
				}
			}
		},
		onLoad(options) {
			this.checkId = options.id 
			
		},
		onReady() {
			const that = this;
			this.initLoadData();
			uni.createSelectorQuery().in(this).select("#content").fields({
				rect: true
			}, function(res) {
				that.contentHeight = uni.getSystemInfoSync().windowHeight - res.top
			}).exec();
		},
		methods: {
			goBack() {
				uni.navigateBack();
			},
			async initLoadData() {
				//加载页面所需要数据	
				uni.showLoading({
					title:'获取数据中',
					mask: true
				})
				const res = await uni.$api.getResultTable({
					checkId: this.checkId
				})
				
				if (res.data.code == '1') {
					uni.hideLoading();
					uni.showToast({
						title: '获取信息失败',
						icon: 'error'
					})
					return;
				}
				console.log("获取数据完成")
				this.checkData = res.data.data
				uni.hideLoading();
			},
			saveImage() {
				if(this.sigPic == null || this.sigPic2 == null || this.sigPic3 == null ){
					uni.showToast({
						icon: 'error',
						title:'请先进行签名'
					})
					return;
				}
        this.tableWidth = 1500;
				this.$refs.screenshot.startScreen();
			},
			getScreenImg(ret) {
				const that = this;
        that.tableWidth = 750;
				//根据传输过来的id 和选中的图片传到后台直接保存 
				uni.showLoading({
					title: '正在生成' ,
					mask: true
				})
				const uploadTask = uni.uploadFile({
					url: '/dailyInspect/uploadResultRecord', //仅为示例，非真实的接口地址
					filePath: ret.posterPath,
					name: "imgFile",
					timeout: '10000', //超时时间10秒
					formData: {
						"checkId": that.checkId,
						"type":'2'
					},
					dataType: 'json',
					success: (upRes) => {
						uni.showToast({
							title: '生成完成',
							icon: 'success'
						});
						console.log(upRes.data)
						const result = JSON.parse(upRes.data);
						if( result.code  == '1'){
							uni.showModal({
								content: '保存失败,请重新尝试',
								showCancel: false
							})
						}
						console.log( result.data)
						const eventChannel = that.getOpenerEventChannel();
						eventChannel.emit('yaodianbiao', result.data);
						uni.navigateBack();
					},
					fail(err) {
						uni.showModal({
							content: '保存失败,请重新尝试',
							showCancel: false
						})
					},
					complete() {
						uni.hideLoading()
					}
				});
			},
			sign(type){ 
				const that =this;
				//签名
				 uni.navigateTo({
				 	url:'/pages/signature/signature',
					events:{
						updateSign(data){ 
							if(type == 1){
								that.sigPic = data;
							} else if(type == 2){
								that.sigPic2 = data;
							}  else if(type == 3){
								that.sigPic3 = data;
							} 
						}
					}
				 })
			}
		}
	}
</script>

<style lang="scss">
	.addInspectTabsContent {
		background: #F9F9F9;
		// height: calc(100vh - 195rpx);
		height: 100vh;
		padding: 14px;
		.upper {
			position: fixed;
			z-index: 1;
			top: 0;
			left: 0;
			width: 100%;

			.title {
				background: url('../../static/img/inspectBg.png');
				background-size: cover;
				width: 100%;
				height: 115rpx;
				line-height: 115rpx;
				position: relative;
				display: flex;
				justify-content: center;
				color: #ffffff;

				.arrow {
					position: absolute;
					left: 33rpx;
					top: 50%;
					transform: translate(0%, -50%);
					width: 100rpx;
					height: 100rpx;

					&::before {
						display: block;
						content: "";
						position: absolute;
						top: 50%;
						left: 0%;
						width: 20rpx;
						height: 20rpx;
						border-left: 1px solid #fff;
						border-top: 1px solid #fff;
						transform: translate(0%, -50%) rotate(-45deg);
					}
				}

				text {
					font-size: 30rpx;
					font-family: PingFangSC-Medium, PingFang SC;
					font-weight: 500;
					color: #FFFFFF;
					letter-spacing: 1px;
				}

			}
		}
	}

	.intelligence {
		position: absolute;
		right: 30rpx;
		top: 35rpx;
		display: flex;
		align-items: center;
		justify-content: center;

	}
	.list{
		padding-top: 20px;
		padding-bottom: 180px;
		overflow-y: auto;
	}
	.title-view{
		width: 750rpx;
		text-align: center;
	}
	.title-text{
		font-size: 20rpx;
		color: black;
		font-weight: 700;
		
	}
	.content-table{
		width: 750rpx;
		
		
	}
	.content-td {
		border: 1px solid #8a8a8a;
		padding: 10px;
	}
	.signature-image{
		width: 100px;
		height: 100px;
	}
	.check-content{
		word-break: break-all;
		word-spacing: 4px;
	}
</style>